<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示1</title>
</head>
<body>
<h1 style="color: blue">演示文件</h1>
<h3>中国联合网络通信集团有限公司(简称中国联通)</h3>
<img src="http://www.chinaunicom.com/resource/group1/M01/00/0B/wKjcA1wSeGmAOFjgAAJT-z64kiw808.jpg">
<!--<img src="/static/lor.png" style="height:200px" alt="">-->
<!--<img style="height: 30%;" src="/static/lor.png"  alt="">-->
<div>
    <span style="color:red;">发布时间：</span>
    <span>2023年3月27日13:31:32</span>
</div>
<div>中国联合网络通信集团有限公司（简称“中国联通”）于2009年1月6日由原中国网通和原中国联通合并重组而成，公司在国内31个省（自治区、直辖市）和境外多
    个国家和地区设有分支机构，以及130多个境外业务接入点，拥有覆盖全国、通达世界的现代通信网络和全球客户服务体系。目前，“大联接”用户规模超过8.5亿。
    <a href="/get/news">查看更多</a>
    <br>
    中国联通在2022年《财富》世界500强中位列第267位。作为支撑党政军系统、各行各业、广大人民群众的基础通信企业，中国联通在国民经济中具有基础性、
    支柱性、战略性、先导性的基本功能与地位作用，具有技术密集、全程全网、规模经济、服务经济社会与民生的特征与属性。
</div>
<hr>
<h2>运营商列表</h2>
<div>
    <ul>
        <li>中国移动</li>
        <li>中国联通</li>
        <li>中国电信</li>
    </ul>
    <ol>
        <li>中国移动</li>
        <li>中国联通</li>
        <li>中国电信</li>
    </ol>
</div>
<hr>
<h2>数据表格</h2>
<table border="1"><!--表格标签-->

    <thead><!--表头标签-->
    <tr><!--行标签-->
        <th>ID</th><!--表头列标签-->
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    </thead>

    <tbody><!--表体标签-->
    <tr>
        <td>001</td><!--第一行第一列-->
        <td>AA</td>
        <td>12</td>
    </tr>
    <tr>
        <td>002</td>
        <td>BB</td>
        <td>23</td>
    </tr>
    <tr>
        <td>003</td>
        <td>DD</td>
        <td>42</td>
    </tr>
    </tbody>
</table>
<hr>
<h3>输入内容</h3>
文本框:
<input type="text"/>
<br>
密码框:
<input type="password"/>
<br>
文件框:
<input type="file">
<br>
单选框:(让两个name属性相同就可以实现单选)
<input type="radio" name="n1">男
<input type="radio" name="n1">女
<br>
复选框:
<input type="checkbox">吃
<input type="checkbox">喝
<input type="checkbox">玩
<input type="checkbox">睡
<br>
按钮
<input type="button" value="提交"><!--普通按钮-->
<input type="submit" value="提交">提交一个表单
<br>
<h3>下拉框</h3>
单选
<select>
    <option>北京</option>
    <option>天津</option>
    <option>河北</option>
    <option>山西</option>
</select>
多选（按住shift 单机鼠标）
<select multiple>
    <option>北京</option>
    <option>天津</option>
    <option>河北</option>
    <option>山西</option>
</select>

<h3>多行文本</h3><!--row属性修改默认高度 单位：行-->
<textarea rows="5">请在这里输入

</textarea>

</body>
</html>